.main {
  .barTitle {
    .title1 {
      color: #3e3e3f;
      font-size: 36px;
      line-height: 54px;
      font-weight: normal;
      margin-bottom: 20px;
      text-align: center;
    }
    .line {
      width: 42px;
      height: 6px;
      border-radius: 3px;
      background-color: #ffd000;
      margin: 0 auto 12px;
    }
  }
  .bar1 {
    width: 100%;
    height: 600px;
    background: url(../img/aboutUs/b1.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    div.aboutTitle{
      position: absolute;
      color: #1D1820;
      top:31.6%;
      right:23.18% ;
      p:first-child{
        font-size: 42px;
      }
      p:nth-child(2){
        font-size: 22px;
        margin-bottom: 22px;
      }
      p:nth-child(3){
        font-size: 32px;
      }
    }
    .content {
      display: flex;
      justify-content: space-between;
      height: 600px;
      .person {
        width: 762px;
        height: 485px;
        margin-top: 124px;
      }
      .myForm {
        width: 346px;
        height: 442px;
        background-color: #fff;
        border-radius: 6px;
        margin-top: 54px;
        .formTit {
          padding-top: 40px;
          img {
            display: block;
            margin: 0 auto 20px;
          }
          p {
            font-size: 22px;
            color: #0a0902;
            text-align: center;
            margin-bottom: 20px;
            span {
              color: #ff5a21;
            }
          }
        }
        .formBody {
          width: 276px;
          margin: 0 auto;
          p {
            margin-bottom: 10px;
            input {
              width: 276px;
              height: 48px;
              box-sizing: border-box;
              border-radius: 24px;
              color: #515151;
              font-size: 16px;
              padding-left: 53px;
              background-color: #fff;
              border: 1px solid #cccccc;
            }
            .name {
              background: url(../img/index/i1.png) no-repeat scroll 22px center;
              background-size: 14px 17px;
            }
            .mobile {
              background: url(../img/index/i2.png) no-repeat scroll 22px center;
              background-size: 13px 19px;
            }
            select {
              width: 122px;
              height: 48px;
              box-sizing: border-box;
              border-radius: 24px;
              color: #515151;
              font-size: 16px;
              padding-left: 25px;
              background-color: #fff;
              border: 1px solid #cccccc;
              outline: none;
              cursor: pointer;
            }
            //select图标
            select {
              /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
              //border: solid 1px #000;

              /*很关键：将默认的select选择框样式清除*/
              appearance: none;
              -moz-appearance: none;
              -webkit-appearance: none;

              /*在选择框的最右侧中间显示小箭头图片*/
              background: url(../img/index/arrow.png) no-repeat scroll 86px center #fff;
              background-size: 8px 6px;

              /*为下拉小箭头留出一点位置，避免被文字覆盖*/
              padding-right: 14px;
            }

            /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
            select::-ms-expand {
              display: none;
            }
            input::-webkit-input-placeholder { /* WebKit browsers*/
              color: #aaa;
              font-size: 16px;
            }

            input:-moz-placeholder { /* Mozilla Firefox 4 to 18*/
              color: #aaa;
              font-size: 16px;
            }

            input::-moz-placeholder { /* Mozilla Firefox 19+*/
              color: #aaa;
              font-size: 16px;
            }

            input:-ms-input-placeholder { /* Internet Explorer 10+*/
              color: #aaa;
              font-size: 16px;
            }
          }
        }
        .submit {
          display: block;
          width: 290px;
          margin: 0 auto;
          height: 58px;
          line-height: 56px;
          background: url("../img/index/btnBg.png") no-repeat center;
          background-size: 100% 100%;
          text-align: center;
          font-size: 20px;
          color: #1d1820;
          letter-spacing: 1px;
          cursor: pointer;
          margin-top: 20px;
        }
        .disabled {
          background-color: #fbd542;
          cursor: default;
        }
        .read {
          text-align: center;
          font-size: 12px;
          color: #aaa;
          margin-top: 25px;
          a {
            color: #63799F;
          }

        }
      }
    }
  }
  .bar2 {
    padding: 95px 0 78px 0;
    .bar2Body {
      width: 1039px;
      margin: 97px auto 0;
      li {
        font-size: 16px;
        color: #333;
        line-height: 32px;
        margin-bottom: 17px;
      }
    }
  }
  .bar4 {
    padding-top: 100px;
    background-color: #FDFCFA;
    .bar4Body {
      margin-top: 60px;
      width: 996px;
      li {
        float: left;
        width: 480px;
        margin-bottom: 76px;
        div {
          display: block;
          margin-bottom: 18px;
          cursor: pointer;
          overflow: hidden;
          width: 480px;
          height: 330px;
          box-shadow: 0px 3px 8px 1px rgba(122, 120, 111, 0.18);
          border-radius: 6px;
          img {
            display: block;
            margin-bottom: 18px;
            cursor: pointer;
            width: 480px;
            height: 330px;
            transform: scale(1.01);
          }
          img {
            transition: all 1s;
            -webkit-transition: all 1s;
          }
        }
        p:nth-child(2) {
          font-size: 24px;
          color: #1d1820;
          margin-left: 6px;
          margin-bottom: 8px;
        }
        p:nth-child(3) {
          font-size: 14px;
          color: #666;
          margin-left: 6px;
        }
        &:hover {
          img {
            transform: scale(1.08);
          }
        }
      }
      li:nth-child(2n) {
        margin-left: 36px;
      }
    }
  }
}